.home {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;

  .top-no-info {
    font-size: 28rpx;
    display: flex;
    flex-direction: row;
    color: #5787F5;
    margin: 30rpx;

    text{
      padding: 0 10rpx;
    }

  }

  .title-box {
    width: 100%;

    .more {
      width: 15px;
      height: 26px;
    }

    .remind {
      width: 30px;
      height: 34px;
    }
  }

  .medicine-cabinet {
    width: 700px;
    height: 310px;
    background-color: #5787F5;
    box-shadow: 0px 6px 16px 2px rgba(237, 241, 250, 1);

    .cabinet-info {
      position: relative;

      .ft96 {
        margin-top: -25px;
      }

      &:nth-child(-n+1)::after {
        content: '';
        height: 118px;
        width: 0;
        transform: scaleX(0.3);
        border-right: 1PX solid #ffffff;
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }

  .memu-list {
    width: 700px;
    background-color: #ffffff;

    .memu-item {
      width: calc(100%/3);
      height: 190px;
      position: relative;

      &:active {
        opacity: 0.7;
      }

      &::after {
        content: '';
        height: 100%;
        width: 0;
        transform: scaleX(0.3);
        border-right: 1PX solid #F4F4F4;
        position: absolute;
        right: 0;
        top: 0;
      }

      &:nth-child(-n+3)::before {
        content: '';
        left: 0;
        height: 0;
        width: 100%;
        border-right: none;
        bottom: 0;
        position: absolute;
        transform: scaleY(0.3);
        border-bottom: 1PX solid #F4F4F4;
      }

      &:nth-child(3n+3)::after {
        display: none;
      }

      .memu-item-img {
        width: 58px;
        height: 58px;
      }


    }
  }

  .footer-box {
    height: 98px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;

    .footer-btn {
      .item-img {
        height: 39px;
        width: 39px;
      }

      &:nth-child(2n+2) {
        position: relative;

        .active {
          height: 98px;
          width: 108px;
          position: absolute;
          top: -53px;
        }
      }


    }
  }
}
